<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link rel="stylesheet" href="normalize.css" />
		<link rel="stylesheet" href="main.css" />
		<title>Document</title>
	</head>

	<body>
		<div class="nav-sidebar">
			<div class="header">
				<a href="index.html" class="logo" >Jieaido</a>
				<div class="intro">
					Lorem ipsum dolor sit amet, consectetur adipisi
				</div>

			</div>

			<div class="nav">
				<a href="">关于我</a>
				<a href="">了解我</a>
				<a href="">赞助我</a>

			</div>

			<div class="tag-list">
				<a href="">哈哈哈</a>
				<a href="">谢谢谢</a>
				<a href="">深深的</a>
			</div>

		</div>
		<div class="main">
			<div class="artlist-list">
				<div class="item">
					<a href="aritle.html" class="title">Lorem ipsum dolor sit amet</a>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				<div class="item">
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				
				<div class="item">
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				<div class="item">
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				<div class="item">
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				<div class="item">
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">2017-07-19</div>
					<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius obcaecati culpa maxime expedita at accusamus perspiciatis provident commodi rem nihil sed id incidunt nam temporibus atque impedit aliquid sit repellendus!</div>

				</div>
				
				
				
				

			</div>


		</div>

	</body>

</html>